<md-content layout="column" class="page-content toolbar-page">
	<div class="page-toolbar" layout="">
		<div flex layout layout-align="start center">
			<md-button class="md-primary" ng-click="goBack()">
				<span class="icon icon-chevron-left"></span>
				微会员支付
			</md-button>
		</div>
		<div layout layout-align="center center">
			<md-button class="md-primary" onclick='location.reload()'>刷新</md-button>
		</div>
	</div>
	<md-content layout="column" flex="" class="page-body bg-theme bgcolor-white padding" ng-if="!reqData&amp;&amp;!paymentInfo">
		<div layout="column" layout-align="center center" class="barcode-scan">
			<div layout="column" layout-align="center center" flex="" style="width:100%;">
				<canvas id="barcodeCanvas" width="100%" height="80"></canvas>
				<div><span>{{verifyCode}}</span></div>
			</div>
			<div class="x-light s-text padding"><span>{{showTime}}</span>分钟后自动更新</div>
		</div>
	</md-content>
	<md-content layout="column" class="page-body" flex="" style="background-color: #eeeeee;" ng-if="!reqData&amp;&amp;paymentInfo">
		<div layout="column" flex="">
			<div class="padding color-accent" layout="row" layout-align="start center">
				<div><md-icon class="icon-check ld5-text"></md-icon></div>
				<div class="padding-lr">支付成功</div>
			</div>
			<div class="bgcolor-white padding">
				<div layout="column" layout-align="center center" style="min-height: 12rem;">
					<div class="s-text">支付金额</div>
					<div class="l3-text">{{paymentInfo.extended.amount|currency}}</div>
				</div>
				<md-divider class="padding-tb"/>
				<div>
					<div layout="row" class="s-text"><div style="min-width:4em;">订单：</div><div>{{paymentInfo.extended.ordertype|orderType}}</div></div>
					<div layout="row" class="s-text"><div style="min-width:4em;">订单号：</div><div>{{paymentInfo.extended.orderno}}</div></div>
				</div>
			</div>
		</div>
	</md-content>
	<md-content flex layout="column" class="page-body padding" ng-if="reqData">
		<div layout="column">
			<div flex layout="column" layout-align="center center" ng-if="subpage=='pay'">
				<div flex layout="column" layout-align="center" ng-if="reqData" style="min-width:60%">
					<div layout="column" layout-align="center">
						<div class="padding">店铺“{{storeInfo.merchant.storename}}”请求您支付</div>
						<div layout="column" class="bd-top padding">
							<div>订单：{{reqData.order_type|orderType}}#{{reqData.order_id}}</div>
							<div>金额：</div>
						</div>
						<div class="bd-bottom padding" layout="column" layout-align="center center">
							<span class="l3-text">{{reqData.amount|currency}}</span>
						</div>
					</div>
					<div class="padding"></div>
					<md-button class="md-raised md-primary btn-l" ng-click="pay()">确认支付</md-button>
					<div flex class="x-light s-text padding">
						如果你当前未进行消费，请勿点击“确认支付”，并请联系店铺确认。
					</div>
				</div>
			</div>
			<div flex="60" layout="column" layout-align="center center" ng-if="subpage=='success'">
				<box class="padding ld5-text">支付成功</box>
				<box class="x-light s-text padding">可在账户交易记录中查看交易详情。</box>
			</div>
			<div flex="60" layout="column" layout-align="center center" ng-if="subpage=='error'">
				<box class="padding ld5-text">支付失败</box>
				<box class="padding x-light">{{errMsg}}</box>
				<div class="padding" layout="column" style="min-width:60%">
					<md-button class="md-raised btn-l" onclick='location.reload()'>重新支付</md-button>
				</div>
			</div>
		</div>
	</md-content>
</md-content>
